/* 
静态资源：HTML, CSS, JavaScript, 图片等,不怎么变化的资源。
        比如淘宝的网页基本结构，上面是导航栏和搜索框，下面是商品。
动态资源: 变化的资源。比如每个人登录淘宝，购物车和订单记录不一样。

服务器：提供服务的机器。比如：游戏服务器，淘宝服务器。

举例：查看购物车：
    1. 浏览器向服务器发起请求，携带一定的参数。
    2. 服务器向数据库检索，组装数据。
    3. 服务器把处理好的数据，响应给浏览器。
    4. 浏览器把数据渲染到页面。
*/

/* 
托管静态资源(js, h5, css3):
    tomcat 服务器，资源放置到 webapps 的文件夹下
    
    express 通过 static() 方法，可以快速创建一个静态资源服务器。
    语法：
        app.use(express.static('public'));
    现在就可以访问 public 目录下的所有文件了：
        http://localhost:8080/star.png
        http://localhost:8080/index.css
        http://localhost:8080/index.html

    注意：public 默认省略

    其它：
        1. 可以托管多个静态资源目录
        2. 资源同名时(star.png)，查找资源的顺序是从上往下   
        3. 参数1，挂载路径前缀(指定上下文)
            http://127.0.0.1:8080/pic/eason.png
*/

const express = require('express');

const app = express();
// 如果源同名时(star.png)，查找资源的顺序是从上往下   例如：127.0.0.1:8080/star.png
app.use(express.static('./public'));   // 先找她
app.use(express.static('./file'));  // 后找

// 挂在路径前缀
app.use("/img",express.static('./imgers')); 


app.listen(8080, () => {
    console.log("服务已启动, 127.0.0.1:8080");
});